
$font-family-avenir: 'Avenir Next', 'Helvetica Neue', Helvetica, sans-serif;

$font-family-monospace: 'Source Code Pro', Menlo, Monaco, Consolas, "Courier New", monospace;

$font-family-default: $font-family-avenir;

$blue:          #4a8bfc;
$light-blue:    #529eff;
$green:         #1ed176;
$orange:        #fcb52c;
$purple:        #8b7df1;
$red:           #f8556c;

$whiteish:      #f9fafb;
$lighter-grey:  #ebeef2;
$light-grey:    #e6e9ee;
$lightish-grey: #a0a5b0;
$grey:          #9da5b3;
$darkish-grey:  #898989;
$dark-grey:     #576070;
$blackish:      #4C555A;
$blacker:       #26292e;

$sidenav-width: 230px;
$platform-preview-width: 467px;

// bootstrap overrides
$navbar-default-bg:     $blue;
$navbar-default-border: $blue;
$navbar-default-brand-color: rgba(white, .8);
$navbar-default-link-color:  rgba(white, .8);
$navbar-default-brand-hover-color: #fff;
$navbar-default-link-hover-color:  #fff;
$navbar-default-link-active-color: #fff;
$navbar-default-link-active-bg: transparent;

// $navbar-default-brand-hover-bg;
// $navbar-default-link-hover-bg;
// $navbar-default-link-disabled-color;
// $navbar-default-link-disabled-bg;
// $navbar-default-toggle-border-color;
// $navbar-default-toggle-hover-bg;
// $navbar-default-toggle-icon-bar-bg;
